.body{
    background-color: #29BDE0;
    width: 350px;
    height: 582px;
    margin:100px auto;
    border:1px solid #ccc;
  
}
.header{
    width: 100%;
    height: 20px;
}
.head{
    width: 100%;
    height: 40px;
    text-align: center;
   
}
.shut{
    width: 25px;
    float: right;
    margin-right: 10px;
}
.prev{
    width: 15px;
    float: left;
    margin-left:10px;
}
.show{
    color:#fff;
    font-size: 18px;
  
}

.number{
position: absolute;
top:-15px;
left: 107px;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
border:1px solid #FFEDC5;
text-align: center;
line-height: 30px;
}
.main,.main1{
    position: relative;
    width: 250px;
    height: 350px;
    background-color: #FFEDC5;
    border:2px solid #fff;
    margin:0 auto;
  margin-top:50px;
  padding-top:150px;

}
.huangs{
border-radius: 50%;
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
width: 200px;
}
button{
    display: block;
    width: 260px;
    height: 40px;
    margin:50px auto 30px;
    border:0;
    background-color: #FBB435;
    color:#fff;
    font-size: 18px;
}
.main1{
    display: none;
}
.main1   .huangs{
    top:23%;
    width: 100px;
}
.btn2{
display: none;
}
.btn3{
    display: none;
}
.one,.two{
    text-align: center;

}
.one{
    margin-top:20px;
    font-size: 18px;
    color:blue;
}
.two{
    color: #FBB435;
}